<template>
  <div class="reg">详情页面</div>
  <button @click="router.back()">返回</button>

  <div>品牌：{{ route.query.name }}</div>
  <div>价格：{{ route.query.price }}</div>
  <div>ID：{{ route.query.id }}</div>
</template>

<script setup lang="ts">
import { data } from "./list.json";
import { useRoute, useRouter } from "vue-router";

const route = useRoute();
const router = useRouter();
</script>
<style>
/* .reg {
  background-color: red;
  height: 400px;
  width: 400px;
  font-size: 20px;
  color: wheat;
} */
</style>
